<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>罗店中学</title>
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/all.min.css">
</head>

<body class="home_bg">
    <!-- 顶部区域 start-->
    <div class="topbar clearfix">
        <a href="index.html"     class="logo logo-orange"    title="罗店中学"> </a>
        <div    class="nav"   >
            <ul>
                <li ><a href="history.html"><span class="txt">校史概览</span></a></li>
                <li ><a href="alumni.html"><span class="txt">校友录</span></a></li>
                <li ><a href="leader.html"><span class="txt">历届领导</span></a></li>
                <li ><a href="meritorious.html"><span class="txt">功勋走廊</span></a></li>
                <li ><a href="address_change.html"><span class="txt">校址变迁</span></a></li>
                <li ><a href="school_song.html"><span class="txt">罗中校歌</span></a></li>
            </ul>
        </div>
    </div>
    
    <!-- // 顶部区域  end-->
    <div class="home_wrap clearfix" id="wrap-box">
        <a href="history-detail.html" class="enter" title="点击进入校史馆"> <span class="txt">校史内页</span> </a>
        <div class="home-til-l">
            <div class="shadow animated flash infinite">
                <img src="images/home_title1_shadow.png" alt="">
            </div>
            <img src="images/home_title1.png" alt="">
            <!-- <div class="lantern lantern-item1">
                <div class="inner animated swing infinite">
                    <span class="hover animated flash infinite"></span>
                    <img src="images/lantern.png" alt="">
                </div>               
            </div>
            <div class="lantern lantern-item2">
                <div class="inner animated swing infinite">
                    <span class="hover animated flash infinite"></span>
                    <img src="images/lantern.png" alt="">
                </div>               
            </div> -->
        </div>
        <div class="home-til-r">
            <div class="shadow animated flash infinite">
                <img src="images/home_title2_shadow.png" alt="">
            </div>
            <img src="images/home_title2.png" alt="">
            <!-- <div class="lantern lantern-item3">
                <div class="inner animated swing infinite">
                    <span class="hover animated flash infinite"></span>
                    <img src="images/lantern.png" alt="">
                </div>               
            </div>
            <div class="lantern lantern-item4">
                <div class="inner animated swing infinite">
                    <span class="hover animated flash infinite"></span>
                    <img src="images/lantern.png" alt="">
                </div>               
            </div> -->
        </div>
    </div>

    <script src="js/jquery.min.js"></script>
    <script src="js/common.js"></script>
    <script>
        $(function(){
           

        })

    </script>

</body>

</html>